//侧边阴影：@include box-shadow(0,1px,2px,rgba(0,0,0,.3));
@mixin box-shadow($x1, $x2, $x3, $x4) {
  box-shadow: $x1 $x2 $x3 $x4;
  -webkit-box-shadow: $x1 $x2 $x3 $x4;
  -moz-box-shadow: $x1 $x2 $x3 $x4;
  -ms-box-shadow: $x1 $x2 $x3 $x4;
  -o-box-shadow: $x1 $x2 $x3 $x4;
}

//侧边阴影：@include box-shadow-default();
@mixin box-shadow-default() {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

//多行文本溢出显示省略号…   @include show-line(2);
@mixin show-line($x1) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $x1;
  -webkit-box-orient: vertical;
}

//@include inline-block-align-top;
@mixin inline-block-align-top{
  display: inline-block;
  *zoom:1;
  *display:inline;
  vertical-align:top
}


///列表模块
//标题样式 @include item-title();
@mixin item-title($line:2) {
  margin:0 0 8px 0;
  line-height: $list-title-line-height;
  font-size: $list-title-font-size;
  font-weight: normal;
  color:$list-title-color;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $line;
  overflow: hidden;
}
//标题样式 @include item-label();
@mixin item-label {
  margin:0;
  line-height: $list-label-line-height;
  font-size: $list-label-font-size;
  font-weight: normal;
  color:$list-label-color;
}